<template>
	<view class="content">
		<view class="content-top">
			<view class="top-text">
				<text @click="callPhone('0937-2880255')" style="line-height:2;display: block;text-indent: 56rpx;">
					如果您在使用该平台的过程中遇到任何问题，请用微信的“扫一扫”功能扫描下方二维码加入“码上就业平台技术支持”公共就业服务平台技术支持群，您也可以拨打0937-2880255客服电话反映您遇到的问题，我们会第一时间进行处理
				</text>
			</view>
		</view>
		<view class="content-b">
			<image :src="imageUrl+'/home/crowd.jpg'" :show-menu-by-longpress="true" class="b-img" @click="previewImage">
				<view class="b-text">(长按识别二维码)</view>
			</image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imageUrl: ''
			}
		},
		computed: {
			user() {
				return this.$store.getters.user
			}
		},
		methods: {
			previewImage(e) {
				uni.previewImage({
					// 需要预览的图片链接列表。若无需预览，可以注释urls
					urls: [e.target.src],
					// 为当前显示图片的链接/索引值
					current: e.target.src,
					// 图片指示器样式	
					indicator: 'default',
					// 是否可循环预览
					loop: false,
					// 长按图片显示操作菜单，如不填默认为保存相册
					// longPressActions:{
					// 	itemList:[this.l('发送给朋友'),this.l]
					// },
					success: res => {
						console.log('previewImage res', res);
					},
					fail: err => {
						console.log('previewImage err', err);
					}
				});
			},
			callPhone(mobile) {
				if (this.isLogin()) {
					let para = {
						cancelText: '我再想想',
						success: (confirm) => {
							if (confirm.confirm) {
								uni.makePhoneCall({
									phoneNumber: mobile,
									success() {
										console.log('拨打成功了');
									},
									fail() {
										console.log('拨打失败了');
									}
								})
								this.getCount(3)
							}
						}
					}
					para.title = '确认拨打';
					para.content = '技术支持'
					para.confirmText = '拨打';
					uni.showModal(para);
				}
			},
			getCount(type) {
				uni.showLoading({
					title: '加载中'
				})
				doOperationRecordsApi({
					type: type,
				}).then((res) => {
					console.log(res)
				}).catch(() => {
					console.log(res)
				})
			},
			isLogin() {
				if (!this.user) {
					uni.showModal({
						title: '提示',
						content: '需要先登录！',
						cancelText: '先逛逛',
						confirmText: '去登录',
						success(res) {
							if (res.confirm) {
								uni.switchTab({
									url: '/pages/mine/index'
								})
							} else {

							}
						}
					})
					return false;
				} else {
					return true;
				}
			},
		},
		onLoad() {

			this.imageUrl = this.globalConfig.imageUrl;
		},
	}
</script>

<style lang="scss">
	page {
		background: #FAFAFA;
	}

	.content {
		width: 100%;
		padding: 30rpx;

		.content-top {
			width: calc(100% - 20rpx);
			position: relative;
			left: 10rpx;
			border-radius: 16rpx;
			;
			background-color: #D0E0FB;

			.top-text {
				color: #0256FF;
				padding: 30rpx;
				font-size: 14px;
			}

		}

		.content-b {
			.b-img {
				width: 100%;
				background-repeat: no-repeat;
				background-size: contain;
				height: 60vh;
			}

			.b-text {
				font-size: 14px;
				text-align: center;
			}
		}

	}
</style>